// import { Route, Routes} from "react-router-dom"
// import Home from './pages/Home.tsx'
// import About from './pages/About.tsx'
// import User from './pages/User.tsx'
// import NotFount from './pages/NotFount.tsx'
import { RouterProvider } from "react-router-dom";
import router from "./router"
// import { BrowserRouter } from 'react-router-dom'
// import PrivateRoute from "./utils/PrivateRoute.tsx"
// import Login from "./pages/Login.tsx"
// function RoutesWrapper() {
//   return useRoutes(routes);
// }
function ReactRouterApp() {
  // 声明模式路由配置：
  // return (
  //   <BrowserRouter>
  //       {/* 声明模式的路由 */}
  //       <Routes>
  //           <Route path='/' element={<Home />} ></Route>
  //           <Route path='/about' element={<About />} ></Route>
  //           <Route path='/user' element={<User />} ></Route>
  //           <Route path='*' element={<NotFount />} ></Route>
  //       </Routes>
  //   </BrowserRouter>
  // )
  // return (
  //   <BrowserRouter>
  //    <RoutesWrapper></RoutesWrapper>
  //   </BrowserRouter>
  // );
  // 数据模式的路由
  return <RouterProvider router={router} />

  // 路由的导航守卫(声明模式的路由 路由守卫)
  // return (
  //   <BrowserRouter>
  //     <Routes>
  //       <Route path="/login" element={<Login />} />
        
  //       {/* 受保护的路由 */}
  //       <Route element={<PrivateRoute />}>
  //         <Route path="/" element={<Home />} />
  //         <Route path='/about' element={<About />} ></Route>
  //       </Route>
  //     </Routes>
  //   </BrowserRouter>
  // );
}

export default ReactRouterApp

 